<template>
  <div>
    <!-- 2. 在使用组件时，组件标签内填入内容 -->
    <MyDialog>
  <template v-slot:head>
    <h3>自定义的标题</h3>
  </template>
  <template v-slot:content>
        <p>我自定义的p标签~~~~</p>
      </template>

      <template v-slot:footer>
        <button>按钮</button>
      </template>
    </MyDialog>

      <MyDialog>
      <template #head>
        <h3>✅大标题2</h3>
      </template>

      <template #content>
        <p>我自定义的p标签2~~~~</p>
      </template>

      <template #footer>
        <button>按钮2</button>
      </template>

    </MyDialog>
  </div>
</template>

<script>
import MyDialog from './components/MyDialog.vue'
export default {
  data () {
    return {

    }
  },
  components: {
    MyDialog
  }
}
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>